<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表</title>
    <link rel="stylesheet" href="../libs/common.css">
    <link rel="stylesheet" href="../libs/pagination.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/list.css">

</head>

<body>
    <div class="reqHeader" style="height:97px;width:100%;">
        <!--引入header.html  -->
    </div>

    <main>
        <div id="banner">
            <img src="https://www.uniqlo.cn/public/image/L3/men/2020/0117/1280_200117_outer01.jpg" alt="">
        </div>
        <div class="switch">
            <ul>
                <li><a href="javascript:;">WOMEN</a></li>
                <li><a href="javascript:;">MEN</a></li>
                <li><a href="javascript:;">KIDS</a></li>
                <li><a href="javascript:;">BABY</a></li>
            </ul>
            <img src="https://www.uniqlo.cn/public/image/L3/men/limited_time_offers/2018/8/17/1280_180727_outer02.jpg"
                alt="">
        </div>
        <div class="type">
            <ol>
                <li>抗UV外套</li>
                <li>连帽外套</li>
                <li>休闲外套</li>
                <li>牛仔茄克</li>
                <li>高级轻型羽绒服</li>
                <li>超值精选</li>
            </ol>
        </div>
        <div>
            <button>升序排序</button>
            <button>降序排序</button>
        </div>
        <div class="list">
            <ul>
                <!-- <li>
                    <a href="detail.html?id=1">
                        <p class="activity">
                            <span>限时优惠</span>
                            <span>夏季大促</span>
                        </p>
                        <img src="https://www.uniqlo.cn/hmall/test/u0000000013930/sku/561/COL04.jpg" alt=""
                            class="bpic">
                        <div class="smlpic">
                            <img src="https://www.uniqlo.cn/hmall/test/u0000000013930/sku/561/COL09.jpg" alt="">
                            <img src="https://www.uniqlo.cn/hmall/test/u0000000013930/sku/561/COL42.jpg" alt="">
                            <img src="https://www.uniqlo.cn/hmall/test/u0000000013930/sku/561/COL67.jpg" alt="">
                        </div>
                        <p class="size">男装/女装/情侣装<span>XS-3XL</span></p>
                        <h5>AIRism防紫外线拉链连帽开衫 (防晒衣) 422986</h5>
                        <p class="price">￥199.00</p>
                        <p class="stars">
                            <span class="iconfont icon-iconfontxingxing appraise"></span>
                            <span class="iconfont icon-iconfontxingxing appraise"></span>
                            <span class="iconfont icon-iconfontxingxing appraise"></span>
                            <span class="iconfont icon-iconfontxingxing appraise"></span>
                            <span class="iconfont icon-iconfontxingxing appraise"></span>
                            <span>(45)</span>
                        </p>
                    </a>
                </li> -->

            </ul>
        </div>
    </main>
    <div class="pagelist">
        <div class="m-style page">
        </div>
    </div>
    <div class="reqFooter">
        <!--引入footer.html  -->
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.11.0/jquery.js"></script>
    <script src="../plugins/jquery.pagination.js"></script>
    <script src="../plugins/jquery.lazyload.js"></script>
    <script src="../js/list.js"></script>
</body>

</html>